<div class="main-content">
    <!-- #section:basics/content.breadcrumbs -->
    <div class="breadcrumbs" id="breadcrumbs">
        <script type="text/javascript">
            try {
                ace.settings.check('breadcrumbs', 'fixed')
            } catch (e) {
            }
        </script>

        <ul class="breadcrumb"><li>
                <i class="ace-icon fa fa-th-large th-large-icon"></i> 酒店管理 <i class="ace-icon fa fa-angle-double-right"></i> 房价列表 
            </li></ul><!-- /.breadcrumb -->
    </div>

    <!-- /section:basics/content.breadcrumbs -->
    <div class="page-content">
        <!-- #section:settings.box -->
        <div class="ace-settings-container" id="ace-settings-container" style="margin-top:-48px;">
            <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
                <i class="ace-icon fa fa-cog bigger-150"></i>
            </div>
            <div class="ace-settings-box clearfix" id="ace-settings-box">
                <div class="pull-left width-50">
                    <!-- #section:settings.skins -->
                    <div class="ace-settings-item">
                        <div class="pull-left">
                            <select id="skin-colorpicker" class="hide">
                                <option data-skin="no-skin" value="#438EB9" <?= !isset($_COOKIE['ace_skin']) || $_COOKIE['ace_skin'] != 'no-skin' ? 'selected' : '' ?> >#438EB9</option>
                                <option data-skin="skin-1" value="#222A2D" <?= isset($_COOKIE['ace_skin']) && $_COOKIE['ace_skin'] == 'skin-1' ? 'selected' : '' ?> >#222A2D</option>
                                <option data-skin="skin-2" value="#C6487E" <?= isset($_COOKIE['ace_skin']) && $_COOKIE['ace_skin'] == 'skin-2' ? 'selected' : '' ?> >#C6487E</option>
                                <option data-skin="skin-3" value="#D0D0D0" <?= isset($_COOKIE['ace_skin']) && $_COOKIE['ace_skin'] == 'skin-3' ? 'selected' : '' ?> >#D0D0D0</option>
                            </select>
                        </div>
                        <span>&nbsp;肤色切换</span>
                    </div>

                    <!-- /section:settings.skins -->

                    <!-- #section:settings.navbar -->
                    <div class="ace-settings-item">
                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
                        <label class="lbl" for="ace-settings-navbar">&nbsp; 固定导航</label>
                    </div>

                    <!-- /section:settings.navbar -->

                    <!-- #section:settings.sidebar -->
                    <div class="ace-settings-item">
                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
                        <label class="lbl" for="ace-settings-sidebar">&nbsp; 固定菜单栏</label>
                    </div>
                    <!-- /section:settings.sidebar -->

                    <!-- #section:settings.container -->
                    <div class="ace-settings-item">
                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
                        <label class="lbl" for="ace-settings-add-container">&nbsp; 宽窄屏切换</label>
                    </div>
                    <!-- /section:settings.container -->
                </div><!-- /.pull-left -->

                <div class="pull-left width-50">
                    <!-- #section:basics/sidebar.options -->
                    <div class="ace-settings-item">
                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" />
                        <label class="lbl" for="ace-settings-hover">&nbsp; 内级栏目切换</label>
                    </div>

                    <div class="ace-settings-item">
                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" />
                        <label class="lbl" for="ace-settings-compact">&nbsp; 菜单栏切换</label>
                    </div>

                    <div class="ace-settings-item">
                        <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" />
                        <label class="lbl" for="ace-settings-highlight">&nbsp; 当前菜单凸显</label>
                    </div>
                    <!-- /section:basics/sidebar.options -->
                </div><!-- /.pull-left -->
            </div><!-- /.ace-settings-box -->
        </div><!-- /.ace-settings-container -->

        <!-- /section:settings.box -->
        <div class="page-content-area">
            <div class="row">
                <div class="col-xs-12">
                    <form class="form-horizontal" role="form" action="" method="get">
                        <link rel="stylesheet" href="/public/assets/css/datepicker.css" />
                        <script src="/public/assets/js/date-time/bootstrap-datepicker.min.js"></script>
                        <script src="/public/assets/js/date-time/daterangepicker.min.js"></script>
                        <script src="/public/assets/js/date-time/moment.min.js"></script>
                        <script src="/public/assets/js/date-time/locales/bootstrap-datepicker.zh-CN.js"></script>
                        <div class="form-group" style="padding-left:12px;">
                            <input type="text" name="keywords" value="<?= $keywords ?>" placeholder="关键字:多个用‘英文逗号’隔开" class="col-xs-12 col-sm-5" data-rel="tooltip" title="关键字:多个用‘英文逗号’隔开">
                            <div class="input-daterange input-group">
                                <input type="text" class="input-md form-control" name="start" value="<?= $start ?>" placeholder="开始时间" data-rel="tooltip" title="开始时间"/>
                                <span class="input-group-addon"><i class="fa fa-exchange"></i></span>
                                <input type="text" class="input-md form-control" name="end" value="<?= $end ?>" placeholder="结束时间" data-rel="tooltip" title="结束时间"/>
                            </div>
                            <button class="btn btn-info btn-sm" data-rel="tooltip" title="搜索" style="margin-top:10px;"><i class="ace-icon fa fa-search"></i>search</button>
                        </div>
                    </form>
                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover">
                            <thead>
                                <tr>
                                    <th>酒店名称</th>
                                    <th>酒店编号</th>
                                    <th>房型名称</th>
                                    <th>房型编号</th>
                                    <th>时间</th>
                                    <th>价格</th>
                                    <th>更新时间</th>
                                </tr>
                            </thead>

                            <tbody>
                                <?
                                if($re){
                                foreach($re as $k=>$v){?>
                                <tr>
                                    <td><?= $v['hname'] ?></td>
                                    <td><?= $v['hid'] ?></td>
                                    <td><?= $v['rname'] ?></td>
                                    <td><?= $v['rid'] ?></td>
                                    <td><?= $v['date'] ?></td>
                                    <td><?= $v['price'] ?></td>
                                    <td><?= date("Y-m-d H:i:s",$v['created']) ?></td>
                                </tr>
                                <?}
                                }
                                ?>
                            </tbody>
                        </table>
                    </div>
                    <?= $pageHtml ?>
                </div>
            </div>
        </div><!-- /.page-content-area -->
    </div><!-- /.page-content -->
</div><!-- /.main-content -->
<!-- inline scripts related to this page -->

<script type="text/javascript">
                    $('.input-daterange').datepicker({
                        autoclose: true,
                        format: 'yyyy-mm-dd',
                        language: "zh-CN",
                        todayBtn: true,
                        todayHighlight: true,
                        startDate: ''
                    });
</script>